<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:mobile">  
  <div component="$UI/system/components/justep/model/model" xid="model" onLoad="modelLoad" style="left:128px;top:115px;width:127px;height:96px;"> 
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="data" idColumn="fID"> 
      <column label="fID" name="fID" type="String" xid="default1"/>  
      <column label="fName1" name="fName1" type="String" xid="default2"/>  
      <column label="fUrl1" name="fUrl1" type="String" xid="default4"/>  
      <column label="fImage1" name="fImage1" type="String" xid="default5"/>  
      <column label="fName2" name="fName2" type="String" xid="xid5"/>  
      <column label="fUrl2" name="fUrl2" type="String" xid="xid6"/>  
      <column label="fImage2" name="fImage2" type="String" xid="xid7"/>  
      <column label="fName3" name="fName3" type="String" xid="xid8"/>  
      <column label="fUrl3" name="fUrl3" type="String" xid="xid9"/>  
      <column label="fImage3" name="fImage3" type="String" xid="xid10"/>  
      <data xid="default6">[{&quot;fID&quot;:&quot;1&quot;,&quot;fName1&quot;:&quot;文档&quot;,&quot;fUrl1&quot;:&quot;&quot;,&quot;fImage1&quot;:&quot;../image/file.jpg&quot;,&quot;fName2&quot;:&quot;图片&quot;,&quot;fUrl2&quot;:&quot;&quot;,&quot;fImage2&quot;:&quot;../image/file.jpg&quot;,&quot;fName3&quot;:&quot;其他&quot;,&quot;fUrl3&quot;:&quot;&quot;,&quot;fImage3&quot;:&quot;../image/file.jpg&quot;}]</data></div> 
  </div>  
  <span component="$UI/system/components/justep/windowDialog/windowDialog" xid="windowDialog1"
    style="left:65px;top:42px;"/>  
  <span component="$UI/system/components/justep/windowReceiver/windowReceiver" xid="windowReceiver1"></span><div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"
    xid="panel1"> 
    <div class="x-panel-top"> 
      <div component="$UI/system/components/justep/titleBar/titleBar" class="x-titlebar"> 
        <div class="x-titlebar-left x-titlebar-title"> 
          <a component="$UI/system/components/justep/button/button" label=""
            class="btn btn-link btn-only-icon" icon="icon-chevron-left" xid="backBtn" onClick="backBtnClick"> 
            <i class="icon-chevron-left"/> 云盒子
          </a> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content" xid="content1"> 
      <div component="$UI/system/components/justep/contents/contents" class="x-contents x-full"
        active="0" xid="contents" slidable="false" swipe="true"> 
        <div xid="property" class="x-contents-content"> 
          <div component="$UI/system/components/justep/list/list" class="x-list"
            xid="PropertyList" data="data" disablePullToRefresh="true" disableInfiniteLoad="true"> 
            <ul class="x-list-template"> 
              <div component="$UI/system/components/bootstrap/row/row" class="row"> 
                <div class="col-xs-4 cell"> 
                  <div class="card" bind-click="$model.open(val('fUrl1'))"> 
                    <img bind-attr-src="$model.toUrl(val('fImage1'))"/>  
                    <span bind-text="ref('fName1')"/> 
                  </div> 
                </div>  
                <div class="col-xs-4 cell"> 
                  <div class="card" bind-click="$model.open(val('fUrl2'))"> 
                    <img bind-attr-src="$model.toUrl(val('fImage2'))"/>  
                    <span bind-text="ref('fName2')"/> 
                  </div> 
                </div>  
                <div class="col-xs-4 cell"> 
                  <div class="card" bind-click="$model.open(val('fUrl3'))"> 
                    <img bind-attr-src="$model.toUrl(val('fImage3'))"/>  
                    <span bind-text="ref('fName3')"/> 
                  </div> 
                </div> 
              </div> 
            </ul> 
          </div> 
        </div> 
      </div> 
    </div> 
  </div> 
</div>
